<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>箱码列表</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		
	</head>

	<body>
		<script src="js/tpl/header.js" type="text/javascript" charset="utf-8"></script>
		<div class="page-wrapper productlist minwidth border" id="page-wrapper">
			<div class="line"></div>
			<script src="js/tpl/menu.js" type="text/javascript" charset="utf-8"></script><div class="vertival-line"></div>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem"><a href="suyuan.html">垛码列表</a></li>
						<li class="tabItem active"><a href="xiangma.html">箱码列表</a> </li>
						<li class="tabItem"><a href="hema.html">盒码列表</a> </li>
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div class="form">
							<form class="inline-form" id="searchForm">
								<div>
									<label>产品名称：</label>
									<input type="text" placeholder="请输入产品名称" style="width: 150px;" />
								</div>
								
								<div>
									<label>箱码：</label>
									<input type="text" placeholder="请输入箱码" style="width: 150px;" />
								</div>
								
								<input type="button" value="查询" class="search-input-button" />
								
							</form>
						</div>
					</div>
					<div class="table">
						<div class="tablelist">
						<table>
							<thead>
								<tr>
									<th>产品名称</th>
									<th>箱码</th>
									<th>盒（瓶）数</th>
								</tr>
							</thead>
							<tbody id="itemContainer">
								<tr>
									<td>
										 <p>吃葡萄喝榴莲味葡萄酒</p>
									</td>
									<td>
										 <p>HMIXA157861231523</p>
									</td>
									<td><p>6000</p></td>
								</tr>
							</tbody>
						</table>
					</div>

						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>

						</div>

					</div>

				</div>

			</div>
		</div>

		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

		<!--这里是删除产品的弹框（无法删除）-->

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script>
	  $(function(){
	  	var pageObj = new pageFun();
	  	var currentpage=1,perPage=10,totalNumber=50; 		
		pageObj.pageNoObj= $('#pageNo');
		pageObj.submitFun=function(){
			$('#searchForm').submit();
		}
		/*参数每页多少个,当前页,总个数,容器的ID*/
		pageObj.init(perPage, currentpage,totalNumber, 'itemContainer');
	  })
	</script>
</html>